<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">



    <ui:composition template="./../templates/internal.xhtml">

        <ui:define name="top">
            <h:form id="topTronco">
                <p:growl id="mensagem" autoUpdate="true" sticky="false" life="3000"/>
                <p:menubar>
                    <p:submenu label="Menu">  
                        <p:menuitem value="Home"  action="./../publico/home.xhtml"/>  
                        <p:menuitem value="Logout" action="#{autenticador.registraSaida}" immediate="true"  />
                    </p:submenu>
                    <f:facet name="options">  
                        <b>Logado: #{utilBean.userName} </b> 
                        <p:commandButton  value="Logout" action="#{autenticador.registraSaida}" immediate="true" />
                    </f:facet>    
                </p:menubar>
                <div id="imageTop">      
                    <p:imageSwitch effect="turnDown" styleClass="painel" slideshowSpeed="9000">  
                        <ui:repeat value="#{utilBean.images}" var="image">  
                            <p:graphicImage value="./../resources/css/imagens/#{image}" width="100%" height="100"/>  
                        </ui:repeat>  
                    </p:imageSwitch>  
                </div>     
            </h:form>
        </ui:define>

        <ui:define name="content">
            <h:form id="resultado">
                <div id="contentTronco">      
                    <h:outputScript library="js" name="mascaras.js" />
                    <p:growl id="mensagem" autoUpdate="true" sticky="false" life="3000"/>


                    <p:panelGrid id="dados" columns="4" rendered="true" styleClass="cadastroAgenda">  
                        <f:facet name="header">Troncos</f:facet>             

                        <p:outputLabel for="nome" value="Descrição" />  
                        <p:inputText id="nome" value="#{grupoTroncoBean.grupoTroncoRN.troncoGrupo.descricao}"/>

                        <f:facet name="footer">              
                            <p:commandButton value="Salvar" action="#{grupoTroncoBean.salvaGrupoDeGrupoDeTronco}"    update=":resultado:list"  styleClass="tamanhoBotao"/>
                            <p:commandButton value="Consultar" action="#{grupoTroncoBean.listaGrupoDeTronco()}"  update=":resultado:list" styleClass="tamanhoBotao"/>
                            <p:commandButton value="Limpar" action="#{grupoTroncoBean.grupoTroncoRN.limparCampos}" update=":resultado:dados" styleClass="tamanhoBotao"/>
                            <p:commandButton value="Alterar" update=":update:alterar" action="#{grupoTroncoBean.btnAlterarGrupoDeTronco()}"  oncomplete="if(args.sucesso == true){updateDialog.show()}" styleClass="tamanhoBotao"/>
                            <p:commandButton value="Limpar listar" action="#{grupoTroncoBean.limpaLista}" update=":resultado:list" style="padding-left:10px;"/>
                            <p:commandButton value="Excluir" action="#{grupoTroncoBean.deleteGrupoDeTronco}" update=":resultado:list" style="padding-left:10px;"/>
                        </f:facet>
                    </p:panelGrid>  
                </div>

                <div id="resultado">
                    <p:dataTable var="item" value="#{grupoTroncoBean.troncoModel}" id="list"  paginatorPosition="top"  
                                 rowKey="#{item.id}"  paginator="true" emptyMessage="Sem retorno de consulta"  
                                 resizableColumns="true" rows="" selection="#{grupoTroncoBean.grupoDeTroncoSelected}"  selectionMode="single"
                                 scrollable="true" scrollWidth="100%" scrollHeight="280"
                                 paginatorTemplate="{PreviousPageLink} {CurrentPageReport} {NextPageLink}   
                                 {RowsPerPageDropdown}" rowsPerPageTemplate="25,50,100,150,200" >  

                        <f:facet name="header">Lista de usuarios  com : #{grupoTroncoBean.grupoTroncoRN.messagemCount}</f:facet>  

                        <p:column headerText="Id" sortBy="#{item.id}" style="text-align: center">  
                            #{item.id}
                        </p:column>  
                        <p:column headerText="Descrição"  sortBy="#{item.descricao}" style="text-align: center">  
                            #{item.descricao}
                        </p:column>  
                    </p:dataTable>   
                </div>
            </h:form>

            <h:form id="update">
                <p:dialog  widgetVar="updateDialog" header="Alteração de Grupo de tronco" showEffect="explode" hideEffect="fade" modal="true" 
                           width="480" resizable="false" closable="true" style="position: absolute;top: 100px;">

                    <p:panelGrid id="alterar" columns="3" >  
                        <p:outputLabel value="Descrição" style="font-weight: bold"></p:outputLabel>
                        <p:outputLabel value="Valor atual" style="font-weight: bold"></p:outputLabel>
                        <p:outputLabel value="Novo valor" style="font-weight: bold"></p:outputLabel>


                        <p:outputLabel value="Descrição" />  
                        <h:outputText value="#{grupoTroncoBean.grupoDeTroncoSelected.descricao}"/>
                        <p:inputText value="#{grupoTroncoBean.grupoTroncoRN.troncoGrupo.descricao}"/>

                        <f:facet name="footer">             
                            <p:commandButton value="Alterar" action="#{grupoTroncoBean.alteraGrupoDeTronco}" update=":resultado:list"  oncomplete="updateDialog.hide()" />
                            <p:commandButton value="Fechar" oncomplete="updateDialog.hide()" />

                        </f:facet>

                    </p:panelGrid>
                </p:dialog>
            </h:form>
        </ui:define>

        <ui:define name="bottom_internal">
        </ui:define>
    </ui:composition>
</html>
